import { createRouter, createWebHashHistory } from 'vue-router'

import Index from '../views/loginView.vue'// 导入界面

// 2. 定义一些路由
// 每个路由都需要映射到一个组件。
// 我们后面再讨论嵌套路由。
const routes = [

  { path: '/', name: 'Indexview', component: Index },
  {
    path: '/homeview',
    name: '',
    component: () => import('../views/homeView.vue'),
    children: [{ path: '/articleList', name: '文章列表', component: () => import('../views/articleList.vue') },
      { path: '/postArticle', name: '发表文章', component: () => import('../views/postArticle.vue') },
      {
        path: '/blogDetail',
        name: '博客详情',
        component: () => import('../components/blogDetail.vue')
      }, {
        path: '/editBlog',
        name: '编辑博客',
        component: () => import('../views/postArticle.vue')
      },
      {
        path: '/recycle',
        name: '回收站',
        component: () => import('../views/recycleView.vue')
      }
    ]

  },
  {
    path: '/newpassword',
    name: '修改密码',
    component: () => import('../views/newPassword.vue')
  },

  {
    path: '/homeview',
    name: '',
    component: () => import('../views/homeView.vue'),
    children: [{
      path: '/userall',
      name: '用户合计',
      component: () => import('../views/userAll.vue')
    }]

  }
  // {
  //   path: '/homeview',
  //   name: '',
  //   component: () => import('../views/homeView.vue'),
  //   children: [{
  //     path: '/charts',
  //     name: '数据统计',
  //     component: () => import('../views/dataCharts.vue')
  //   }]
  // }

]
// 3. 创建路由实例并传递 `routes` 配置
// 你可以在这里输入更多的配置，但我们在这里
// 暂时保持简单
const router = createRouter({
  // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
  history: createWebHashHistory(),
  routes // `routes: routes` 的缩写
})

export default router
